<!--
    参考：第113集。
-->

<style>
    body {
        margin: 0;
        padding: 0;
    }
    a {
        /* 转为块级元素，就会独占一行 */
        display: block;
        width: 200px;
        height: 40px;
        background-color: #525656;
        color: #ffefe4;
        text-decoration: none;
        /* 左距 */
        /* 开发中要用padding，因为下面那个不精确 */
        text-indent: 2em;
        /* 行高与容器高度一样，就可以文本垂直方向居中 */
        line-height: 40px;
    }
    a:hover {
        background-color: #ff6e00;
        text-decoration: underline;
    }
</style>

<a href="#">测试001</a>
<a href="#">测试002</a>
<a href="#">测试003</a>
<a href="#">测试004</a>
<a href="#">测试005</a>